{$wrapper_prefix|default}

<!-- Datepicker -->
<link href="{$_STATIC_URL}/scripts/datepicker/css/datepicker3.css" rel="stylesheet" type="text/css"/>
<script src="{$_STATIC_URL}/scripts/datepicker/js/bootstrap-datepicker.js"></script>
<script src="{$_STATIC_URL}/scripts/datepicker/js/locales/bootstrap-datepicker.zh-CN.time.js" charset="UTF-8"></script>

<link rel="stylesheet" href="{$_STATIC_URL}/archive/admin/css/stateshow.index.css"/>

<section class="hbox stretch">
    <aside>
        <section class="vbox">
            <header class="header bg-white b-b clearfix">
                <div class="row m-t-sm">
                    <div class="col-sm-2 m-b-xs">
                        <div class="btn-group">
                            <button type="button" class="btn btn-sm btn-default action-refresh" title="Refresh"><i
                                    class="fa fa-refresh"></i></button>
                        </div>
                    </div>
                    <div class="col-sm-10 m-b-xs text-right">
                        <form class="form-inline">
                            <div class="text-right m-b-xs">
                                <div class="form-group">
                                    <select class="form-control input-sm" name="department_name">
                                        <option value="0">承办部门</option>
                                        {foreach from=$departments item=v}
                                        <option value="{$v.department_name}">{$v.department_name}</option>
                                        {/foreach}
                                    </select>
                                </div>

                                <div class="form-group">
                                    <select class="form-control input-sm statisticsType" name="statistics_type">
                                        <option value="1">按月统计</option>
                                        <option value="2">按季度统计</option>
                                        <option value="3">按年统计</option>
                                    </select>
                                </div>

                                <div class="month-screen-box time-screen-box">
                                    <div class="form-group">
                                        <input name="time_start" class="form-control input-sm datepicker-input"
                                               type="text" size="10"
                                               data-date-autoclose="true"
                                               data-date-format="yyyy-mm" data-date-start-view="1"
                                               data-date-min-view-mode="1" value="" placeholder="开始时间"/> -
                                    </div>

                                    <div class="form-group">
                                        <input name="time_end" class="form-control input-sm datepicker-input"
                                               type="text" size="10"
                                               data-date-autoclose="true"
                                               data-date-format="yyyy-mm" data-date-start-view="1"
                                               data-date-min-view-mode="1" value="" placeholder="截至时间"/>
                                    </div>
                                </div>

                                <div class="year-screen-box time-screen-box">
                                    <div class="form-group">
                                        <input name="time_start" class="form-control input-sm datepicker-input"
                                               type="text" size="10"
                                               data-date-autoclose="true"
                                               data-date-format="yyyy" data-date-start-view="2" data-date-min-view-mode="2"
                                               value="" placeholder="开始时间"/> -
                                    </div>

                                    <div class="form-group">
                                        <input name="time_end" class="form-control input-sm datepicker-input"
                                               type="text" size="10"
                                               data-date-autoclose="true"
                                               data-date-format="yyyy" data-date-start-view="2" data-date-min-view-mode="2"
                                               value="" placeholder="截至时间"/>
                                    </div>
                                </div>

                                <div class="quarter-screen-box time-screen-box">
                                    <div class="form-group">
                                        <input name="time_start" class="form-control input-sm datepicker-input"
                                               type="text" size="10"
                                               data-date-autoclose="true"
                                               data-date-format="yyyy" data-date-start-view="2" data-date-min-view-mode="2"
                                               value="" placeholder="时间"/>
                                    </div>
                                </div>
                            </div>
                            
                            <div class="text-right">
                                <div class="col-sm-8 m-b-xs text-right p-right-0">
                                    <div class="form-group">
                                        <select data-init="22"
                                                data-selected="23"
                                                class="input-sm form-control inline col-def-2-8 region">
                                            <option value="0">请选择</option>
                                        </select>
                                        <select data-init="23"
                                                data-selected="39"
                                                class="input-sm form-control inline col-def-2-8 region">
                                            <option value="0">请选择</option>
                                        </select>
                                        <select data-init="39"
                                                data-selected=""
                                                class="input-sm form-control inline col-def-2-8 region">
                                            <option value="0">请选择</option>
                                        </select>
                                    </div>
                                </div>
                            
                                <div class="col-sm-4 m-b-xs p-right-0">
                                    <div class="input-group">
                                        <input type="text" name="key" class="input-sm form-control" placeholder="案件名称/调查对象"/>
                                        <span class="input-group-btn">
                                            <button class="btn btn-sm btn-default action-refresh action-submit" type="button">搜索
                                            </button>
                                        </span>
                                    </div>
                                </div>
                            </div>
                            
                        </form>
                    </div>
                </div>
            </header>

            <section class="scrollable wrapper content-stats">

                <section class="panel panel-default portlet-item">
                    <div class="statistics-box m-l-none m-r-none bg-light lter">
                        <div class="statistics-option wrapper-sm b-r b-light text-center summary-area" onclick="setSelectKey('case_count_obj')">
                            <a href="javascript:;" class="clear " data-key="case_count_obj">
                                <span class="h4 block m-t-xs text-muted text-uc">案件总数</span>
                                <span class="h3 block m-t-xs text-muted text-uc"><strong
                                        id="case_count">0</strong> <font class="text-lg font-normal">件</font></span>
                                <span class="h5 block m-t-xs text-muted text-uc">同比 <strong
                                        id="year_case_count">--</strong> </span>
                            </a>
                        </div>
                        <div class="statistics-option wrapper-sm b-r b-light text-center summary-area" onclick="setSelectKey('case_data_count_obj')">
                            <a href="javascript:;" class="clear " data-key="">
                                <span class="h4 block m-t-xs text-muted text-uc">行动总数</span>
                                <span class="h3 block m-t-xs text-muted text-uc"><strong id="case_data_count">0</strong> <font
                                        class="text-lg font-normal">件</font></span>
                                <span class="h5 block m-t-xs text-muted text-uc">同比 <strong
                                        id="year_case_data_count">--</strong> </span>
                            </a>
                        </div>

                        <div class="statistics-option wrapper-sm b-r b-light text-center summary-area" onclick="setSelectKey('video_count_obj')">
                            <a href="javascript:;" class="clear " data-key="video_count_obj">
                                <span class="h4 block m-t-xs text-muted text-uc">录像总时长</span>
                                <span class="h3 block m-t-xs text-muted text-uc"><strong id="videotape_time">0</strong> <font
                                        class="text-lg font-normal"></font></span>
                                <span class="h5 block m-t-xs text-muted text-uc">同比 <strong
                                        id="year_videotape_time">--</strong> </span>
                            </a>
                        </div>

                        <div class="statistics-option wrapper-sm b-r b-light text-center summary-area" onclick="setSelectKey('audio_count_obj')">
                            <a href="javascript:;" class="clear " data-key="audio_count_obj">
                                <span class="h4 block m-t-xs text-muted text-uc">录音总时长</span>
                                <span class="h3 block m-t-xs text-muted text-uc"><strong
                                        id="sound_count">0</strong> <font class="text-lg font-normal"></font></span>
                                <span class="h5 block m-t-xs text-muted text-uc">同比 <strong
                                        id="year_sound_count">--</strong> </span>
                            </a>
                        </div>

                        <div class="statistics-option wrapper-sm b-r b-light text-center summary-area" onclick="setSelectKey('photo_count_obj')">
                            <a href="javascript:;" class="clear " data-key="photo_count_obj">
                                <span class="h4 block m-t-xs text-muted text-uc">照片总数</span>
                                <span class="h3 block m-t-xs text-muted text-uc"><strong
                                        id="photo_count">0</strong> <font class="text-lg font-normal">张</font></span>
                                <span class="h5 block m-t-xs text-muted text-uc">同比 <strong
                                        id="year_photo_count">--</strong> </span>
                            </a>
                        </div>
                    </div>
                </section>

                <section class="panel panel-default portlet-item">
                    <header class="panel-heading font-bold">
                        <div class="screen-box">
                            <span class="screen-option">
                                <label>
                                    <input type="checkbox" checked name="sign_checkbox" class="sign_checkbox" value="1"/>
                                    数量
                                </label>
                            </span>
                             <span class="screen-option">
                                <label>
                                    <input type="checkbox" checked name="year_sign_checkbox" class="sign_checkbox" value="2"/>
                                    同比
                                </label>
                            </span>
                        </div>
                    </header>
                    <div class="panel-body">
                        <div id="chart_task_rate" style="height:600px"></div>
                    </div>
                </section>
            </section>
        </section>
    </aside>
</section>

<!-- echarts -->
<script src="{$_STATIC_URL}/scripts/echarts/4.1.0.rc2/echarts.min.js" type="text/javascript"></script>

<script src="{$_STATIC_URL}/archive/admin/js/statshow.index.js"></script>

{$wrapper_suffix|default}